  .body {
        background-image: linear-gradient(180deg, #47408f, #290a59);
    }

    .index {
        height: auto;
        min-height: 100vh;
    }

    .waitSomeThing {
        width: 70vw;
        /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    }

    .waitSomeThing>marquee {
        overflow: -webkit-marquee
    }

    h1 {
        font-weight: normal;
        padding-top: 20vh;
    }

    ul {
        list-style: none;
    }

    .start {
        width: 100vw;
        height: 100vh;
        background: #000 url(../../assets/image/logo-bg.png) no-repeat center 30vh/37.5vw 40.5vw;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }

    .load {
        width: 10vw;
        height: 10vw;
        position: relative;
        left: 45vw;
        top: 40vh;
    }

    .start p {
        padding-top: 20vw;
        color: #fff;
        font-size: 3vw;
    }

    .wrap {
        width: 96vw;
        padding: 0 2vw;
        margin-top: -30px;
    }

    .indexicon {
        padding-bottom: 12vw;
    }

    .indexicon ul {
        padding-top: 3.5vw;
        padding-left: 3vw;
    }

    .indexicon li {
        float: left;
        width: 22.67vw;
        margin-top: 14.5vw;
    }


    .yusuan {
        width: 11vw;
        padding-top: .5vw;
        margin: auto;
        margin-bottom: -5vw;
    }

    .feiyong {
        width: 10vw;
        /*height: 10vw;*/
        margin: auto;
        margin-bottom: -5vw;
    }

    .jingying {
        width: 9vw;
        margin: auto;
        margin-bottom: -5.8vw;
    }

    .zhuanxiang {
        width: 8vw;
        padding-top: .5vw;
        margin: auto;
        margin-bottom: -6.7vw;
    }

    .renshi {
        width: 8vw;
        margin: auto;
        margin-bottom: -6.7vw;
    }

    .wuzi {
        width: 10vw;
        margin: auto;
        margin-bottom: -6vw;
    }

    .shangmao {
        width: 10vw;
        margin: auto;
        margin-bottom: -6vw;
    }

    .baoxiang {
        width: 9vw;
        margin: auto;
        margin-bottom: -6.2vw;
    }

    .xinpinjingling {
        width: 10vw;
        margin: auto;
        margin-bottom: -5vw;
    }


    .clear {
        display: flex;
        flex-wrap: wrap;
        min-height: 70vw;
        height: auto;
    }

    .clear>li {
        width: 30vw;
        position: relative;
    }

    .words {
        position: absolute;
        top: 9vw;
        left: 11.5vw;
        font-size: 2.9vw;
        color: #a6adff;
    }

    .wordsNames {
        position: absolute;
        top: 9vw;
        left: 8vw;
    }

    .wordsName {
        position: absolute;
        top: 9vw;
        left: 9.5vw;
    }

    .indexicon li a {
        display: block;
        /*padding-top: 9.33vw;*/
        text-align: center;
        line-height: 13.3vw;
        font-size: 4vw;
        color: #a6adff;
    }

    .wrap>.clear {
        padding-top: 7.2vw;
        border-top: 3px dotted #64547d;
        padding-bottom: 4vw;
        min-height: 30vw;
        height: auto;
    }

    .photo {
        float: left;
        width: 18vw;
        height: 18vw;
        border-radius: 50%;
        border: 4px solid #492f72;
        overflow: hidden;
        margin: 1.33vw 4vw 0 0.8vw;
    }

    .photo img {
        width: 100%;
        height: 100%;
    }

    .work {
        min-width: 60vw;
        color: white;
    }

    .work>div:nth-child(2) {}

    .work>div:first-child>img {
        border-radius: 50%;
        border: 3px solid gray;
    }
   .userName{
       display: flex;
       font-size: 3.5vw;
       margin-top:-3vw;
       margin-left: 3vw;
   }
   .userName>p:nth-child(2){
       margin-left:2vw;
   }
   .UserWarn{
       font-size: 3.5vw; 
       width: 70vw;
       margin-top: 3vw;
   }
    .HomeImg {
        width: 100vw;
    }

    .HomeImg>img {
        width: 100%;
    }
    .clear a {
        line-height: 1 !important;
    }